<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        video {
            width: 400px;
        }
    </style>
</head>

<body>
    <!-- 音频标签 
        属性名和属性值一样时,可以只写属性名
        controls 添加一个控制器
        autoplay 设置自动播放
        loop 设置重复播放

        视频标签
        poster 视频封面
     -->
    <audio src="./胡彦斌 - 纸短情长 (Live片段).mp3" controls></audio>

    <video src="./WeChat_20220825194647.mp4" controls poster="./e.png"></video>
    <button>点击</button>
    <button>暂停</button>
    <script>
        var but = document.querySelectorAll("button");
        var audio = document.querySelector("audio");
        var video = document.querySelector("video");
        but[0].onclick = function () {
            audio.load();  //重新加载
            audio.play();  //播放音频
        }
        but[1].onclick = function () {
            console.log(audio.currentTime); //获取播放的时间 也可以设置
            audio.pause()
        }
    </script>
</body>

</html>